<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />
        <title>风暴英雄助手</title>
        <link rel="stylesheet" href="css/carousel.css" />
    </head>

    <body onselectstart="return false">
        <div id="imgsWrapper">
            <div id="imgsInner">
                <img src="img/new_feature_img1.png " />
                <img src="img/new_feature_img1.png " />
                <img src="img/new_feature_img1.png " />
            </div>
        </div>

        <script src="js/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" >
            var widthPerImg = $("#imgsInner img").outerWidth(true,true);
            var imgNumber = $("#imgsInner img").length;
            var count = 0;
            
            setInterval(function(){
                var left = - (count++) % imgNumber * widthPerImg;
                $("#imgsInner").css({left:left});
            },5000)
        </script>
    </body>

</html>